<style lang="scss">
$concave-wh: 20rpx;
$concave-color: #F6F3F7;

.order-show-concave {
	height: $concave-wh;
	position: relative;
	display: flex;
	align-items: center;
}

.order-show-concave-c {
	width: 100%;
	border-top: 2rpx dashed $concave-color;
}

.order-show-concave-l, .order-show-concave-r {
	width: $concave-wh;
	height: $concave-wh;
	border-radius: $concave-wh;
	background-color: $concave-color;
	position: absolute;
}

.order-show-concave-l {
	left: -($concave-wh / 2);
}

.order-show-concave-r {
	right: -($concave-wh / 2);
}
</style>

<template>
	<!-- 圆角分割线 -->
	<view class="order-show-concave">
		<view class="order-show-concave-l"></view>
		<view class="order-show-concave-c"></view>
		<view class="order-show-concave-r"></view>
	</view>
</template>

<script>
export default {

}
</script>